<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="vue.js"></script>
</head>

<body>
	<div id="app">
	</div>
	<script>
		var app = new Vue({
			el: "#app",
			data: {},
			methods: {
				getData() {
					var xhr = new XMLHttpRequest();
					xhr.open("get", "./data/data.json");
					xhr.send();
					xhr.onreadystatechange = function () {
						if (xhr.readyState == 4 && xhr.status == 200) {
							arr = JSON.parse(xhr.response);
							console.log("arr:", arr);
						}
					}
				}
			},
			computed: {

			},
			created() {
				this.getData();

			}
		});
	</script>
</body>

</html>